设计模式——原型模式

原型模式

示例

描述

用原型实例指向创建对象的类, 使用于创建新的对象的类共享原型对象的属性及方法. 当然javascript是基于原型链实现对象之间的继承,
这种继承是基于一种对属性或者方法的共享, 而不是对属性和方法的复制.

案例

假设页面中有很多焦点图, 具有不同的切换效果, 有上下切换, 左右切换, 渐隐渐现.

实现

// 图片轮播类
var LoopImages = function(imgArr, container) {
    this.imagesArray = imgArr;            // 轮播图片数组
    this.container = container;            // 轮播图片容器
};

LoopImages.prototype = {
    createImage: function() {            // 创建轮播图片

    },
    changeImage: function() {            // 切换下一张图片

    }
};

// 上下滑动切换类
var SlideLoopImg = function(imgArr, container) {
    // 构造函数继承
    LoopImages.call(this, imgArr, container);
};

SlideLoopImg.prototype = new LoopImages();
// 重写继承的切换下一张图片
SlideLoopImg.prototype.changeImage = function() {};